<html>

    <wicket:head>
        <title>Medieval Cities - Research</title>
        <wicket:link>
            <link rel="stylesheet" type="text/css" href="../style.css"/>
        </wicket:link>
    </wicket:head>

    <body>
        <div id="wrapper">
            <h1>Medieval Cities</h1>

            <div id="header">
                <div id="linkPanel" align="center" wicket:id="linkPanel"></div>
                <div  align="center" wicket:id="resourcesPanel"></div>
            </div>
            <div id="text">

                <h1>Start new research in <span wicket:id="cityName"></span></h1>
                <form wicket:id="form">
                    <p>                
                        <label>Select City:</label> 
                        <select wicket:id="city"></select>
                        <input type="submit" value="Select" />
                    </p>
                </form>
                <div wicket:id="feedback"></div>

                <span wicket:id="researches">
                    <table id="tableSpecial" width=90%>

                        <tr>
                            <th>Name</th>
                            <th>Price food</th>
                            <th>Price gold</th>
                            <th>Price stone</th>
                            <th>Price time</th>
                            <th>Effects</th>
                            <th>Requires</th>
                            <th>Start</th>                                              

                        </tr>

                        <tr>
                            <td><span wicket:id="name">Name</span></td>
                            <td><span wicket:id="priceFood">Price food</span></td>                          
                            <td><span wicket:id="priceGold">Price gold</span></td>
                            <td><span wicket:id="priceStone">Price stone</span></td>
                            <td><span wicket:id="priceTime">Time</span></td>
                            <td><span wicket:id="effects">Effects</span></td>
                            <td><span wicket:id="requires">Requires</span></td>
                            <td><form wicket:id="start">
                                    <input type="submit" value="Start" />
                                </form>
                            </td>
                        </tr>
                    </table>
                    <br>
                </span>

                <h1>Completed researches</h1>
                <span wicket:id="researched">
                    <table id="tableSpecial" width=90%>

                        <tr>
                            <th>Name</th>
                            <th>Effects</th>                                            
                        </tr>
                        <tr>
                            <td><span wicket:id="name">Name</span></td>
                            <td><span wicket:id="effects">Effects</span></td>
                        </tr>
                    </table>
                    <br>
                </span>

                <h1>Researches in progress</h1>            
                <span wicket:id="inProgress">
                    <table id="tableSpecial" width=90%>
                        <tr>
                            <th>Name</th>
                            <th>Effects</th>    
                            <th>Time of finish</th>                                 
                        </tr>
                        <tr>
                            <td><span wicket:id="name">Name</span></td>
                            <td><span wicket:id="effects">Effects</span></td>
                            <td><span wicket:id="timeOfFinish">Time of finish</span></td>
                        </tr>
                    </table>
                    <br>
                </span>


            </div>
            Jakub Kutil, 2014
        </div>
    </body>
</html>

